﻿/* stencil & common */
.Cf:before,.Cf:after{content:" ";display:table}.Cf:after{clear:both}.Cf{zoom:1}

#ygmatop{font-size:93%;}
/* UH */
#ygmatop .ygmapromo {display:none;}
.offscrn{position:absolute;top:-999em;left:-999em;}
.ygmabg{background-image:url(bg_uh.png);}
.menu{display:none;background-color:#efefef;position:absolute;z-index:9999;background-image:none;padding:0.3em 0;}
#ygmatop{background-position:bottom;background-repeat:repeat-x;padding:5px 0;zoom:1;}
#ygmatop:after{content:'.';display:block;height:0;overflow:hidden;visibility:hidden;float:none;clear:both;}
#ygmatop li{display:inline;float:left;padding:0 0.9em 0 0.8em;background-position:right 0.16em;background-repeat:no-repeat;}
#ygmatop li.nonjs{position:absolute;top:-999em;left:-999em;}
#ygmauserinfo{float:right;}
#ygmanav{display:inline;float:left;text-align:left;}
#ygmausernameblk{background-position:right -2.08em;background-repeat:no-repeat;padding-right:1em;}
#ygmausernameblk{background-image:url(bg_uh.png);font-weight:bold;color:#1F5883;cursor:pointer;}
#ygmausername{font-weight:bold;}
span#ygmausername{position:absolute;top:-999em;left:-999em;}
#ygmauserinfo .lst{font-weight:bold;}
#ygmanav .menu li{display:block;padding:0em 0.7em;float:none;background-image:none;}
#ygmauseroptions{border:1px solid #dbdbdb;border-width:0 1px 1px;margin:5px 0 0 40px;}
#ygmabot{text-align:left;background-color:#fff;background-image:none;padding:0.9em 0 0 0.85em;position:relative;font-size:93%;}
#ygmabot .srch{position:absolute;top:-999em;left:-999em;}
a#ygmausername{padding:0;background:none;}

/* Logo */
#ygmabot{padding-bottom:1px;}
#ygmabot #ygmalogo{display:block;width:165px;height:40px;background-size:350px 40px;background-repeat:no-repeat;
  background-image:url(https://s.yimg.com/rz/d/yahoo_shopping_zh-Hant-TW_mall_f_p_350x40_store.png);
  _background-image:url(https://s.yimg.com/rz/d/yahoo_shopping_zh-Hant-TW_mall_f_p_350x40_store.gif);
}
#ygmabot #ygmalogo a{display:block;height:40px;overflow:hidden;text-indent:100%;white-space:nowrap;}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and ( min--moz-device-pixel-ratio:2),only screen and ( -o-min-device-pixel-ratio:2/1),only screen and ( min-device-pixel-ratio:2),only screen and ( min-resolution:192dpi),only screen and ( min-resolution:2dppx) {
#ygmabot #ygmalogo{background-image:url(https://s.yimg.com/rz/d/yahoo_shopping_zh-Hant-TW_mall_f_p_350x40_store_2x.png) !important;}
} 

/* myhelp */
#ypsunif {margin:0;text-align:right;padding:0;background-color:#fff;}
#ypsunif span{padding:2px 6px 2px 20px;display:-moz-inline-box;display:inline-block;}
#ypsunif .open{background:url(ico_store.gif) left 50% no-repeat;*background-position-y:40%;}
#ypsunif .account{background:url(ico_myauc.gif) left 50% no-repeat;*background-position-y:40%;}
#ypsunif .account em{padding-left:14px;background:url(ico_arrow_expand.gif) 2px 50% no-repeat;*background-position-y:40%;}
#ypsunif .index{background:url(ico_mysell.gif) left 50% no-repeat;*background-position-y:40%;}
#ypsunif .mb{background:url(ico_mymb.gif) left 50% no-repeat;*background-position-y:40%;}
#ypsunif .help{background:url(ico_myhelp.gif) left 50% no-repeat;*background-position-y:40%;}

/* ps_pathb */
#doc3 .ps_pathb{margin:0;font-size:116%;padding-left:25px;padding-top:15px;padding-bottom:10px;background:url(bg_ps_pathb.gif) left top repeat-x;}

/* title icon head */
.iconhead{background:url(bg_dot_4.gif) repeat-x left bottom;padding:2px 0 7px 0;}
.iconhead h3{padding-left:25px;font-size:131%;font-weight:bold;*padding-top:5px;}
.iconhead h3 span{font-size:78%;font-weight:normal}
.iconhead em{color:#c00;}
.iconhead strong{font-weight:bold;}
.iconhead.green h3{background:url(ico_head.gif) no-repeat left center;}

/* My Account General Style */
.MY-Bgc-light-blue {background-color:#ddeef5;}
.MY-Bgc-light-gray {background-color:#f5f5f9;}
.MY-Bgc-light-yellow {background-color:#fffeeb;}
.MY-Bdb-gray {border-bottom:1px solid #e2e2e6;}
.MY-Bdb-blue {border-bottom:1px solid #38bcdb;}
.MY-Bdb-yellow {border-bottom:1px solid #ffc99c;}
.MY-Bdb3-blue {border-bottom:3px solid #38bcdb;}
.MY-Bdt-blue {border-top:1px solid #38bcdb;}
.MY-C-blue {color:#38bcdb;}
.MY-C-orange {color:#ff7e00;}
.MY-lidots {background:url(ico_dot_s.gif) no-repeat 2px 7px scroll;padding-left:10px;}

/*Temporary header a link color*/
#ygmatop a, #ypsunif a, #ypsp a{color:#1F5883;}

/* Subtabs */
#ypswltab a{color:#1F5883;}

/* My Order CSS code merge START */
.ps_my_account_orderlist .bodybg {background:none;}
.ps_my_account_order .bodybg {background:none;}
.ps_my_account_order_query .bodybg {background:none;}
.ps_my_account_waiting_order .bodybg {background:none;}
.ps_my_account_order_detail .bodybg {background:none;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop25 {margin-top:25px;}
.headinfo{margin:10px 0 5px 0;}
.backpanegray{background:url(bg_wrper_g_top.gif) no-repeat;zoom:1;}
.backpanegray .bpg-wraper1{background:url(bg_wrper_g_top.gif) no-repeat right -89px;}
.backpanegray .bpg-wraper2{background:url(bg_wrper_g_bl.gif) no-repeat left bottom;}
.backpanegray .bpgbd{background:url(bg_wrper_g_br.gif) no-repeat right bottom;padding:15px 20px;}
.tit-more {text-align:right;line-height:1.8;}
.tit-more h2 {float:left;font-size:125%;}
.tit-more label {float:left;}
.tit-more em {color:#CC0000;}
.tit-more strong {font-weight:bold;}
.tit-box {border:1px solid #CCC;background:#EEE;padding:5px 15px;}
.tit-light-box {border:1px solid #CCC;background:#FFC;padding:8px 25px;margin-top:10px;}
/* select ctrol */
.selectctr{position:relative;padding:6px 0;}
.selectctr span{position:absolute;right:25px;}
.selectctr form {padding:0 0 15px 0;}
.selectctr select {width:13em;}
.selectctr .button {width:4.5em;}
.pagination{text-align:center;padding-bottom:5px;}
.boldhead{background:#E0EDF3 url(rc_round_a.gif) no-repeat top left;}
.boldhead .wraper{position:relative;background:transparent url(rc_round_b.gif) no-repeat top right;padding:4px 5px 23px 15px;border-bottom:1px solid #9CC6DA;}
.boldhead .pagenum{position:absolute;right:15px;top:8px;_right:30px;}
.boldhead .pageselect{position:absolute;left:15px;top:8px;_left:30px;}	/* 2008-07-30: for select all, deselect all*/
.boldhead label{font-size:125%;}
.boldhead strong{font-weight:bold;}
.boldhead.ft{background:#E0EDF3 url(rc_round_c.gif) no-repeat bottom left;}
.boldhead.ft .wraper{background:url(rc_round_d.gif) no-repeat bottom right;border-bottom:none;border-top:1px solid #9CC6DA;zoom:1;}
.listtable {width:100%;}
.listtable td input{margin:0;}
.listtable thead.blue th{background:#CCE1EC;}
.listtable thead.blue td{background:#DBDBDB;}
.listtable thead.blue th,.listtable thead.blue td {font-size:125%;font-weight:bold;}
.listtable thead.blue .dot {background:#DBDBDB url(bg_dot_v.gif) repeat-y;}
.listtable tr.gray2 th{background:#F4F7F8;}
.listtable tr.gray3 td{background:#F4F7F8 url(bg_dot_v.gif) repeat-y;}
.listtable thead.gray2 td{background:#F0F0F0;}
.listtable thead.gray2 .dot {background:#F0F0F0 url(bg_dot_v.gif) repeat-y;}
.listtable tr.gray5 th{background:#FFFDEE;}
.listtable thead.gray5 td{background:#FFFDEE;}
.listtable thead.gray5 .dot {background:#FFFDEE;}
.listtable tr.gray td,.listtable tr.gray th{background-color:#EEEEEE;padding:8px 9px 4px 9px;border-bottom:1px solid #BBBBBB; text-align:center; }
.listtable tbody td,.listtable tbody th{padding:8px 5px 4px 5px;border-top:1px solid #DDDDDD;line-height:1.3;vertical-align:top;}
.listtable tbody.gray td,.listtable tbody.gray th{background-color:#F5F5F5;}
.listtable td,.listtable th{padding:9px;background:transparent url(bg_dot_v.gif) repeat-y;border-bottom:none;font-family:"PMingLiu";}
.listtable td.firstcol, .listtable tr.gray td, .listtable tr.gray th.firstcol{background-image:none;}
.listtable tbody th{text-align:left;}
.listtable .left{text-align:left;}
.listtable .center{text-align:center;}
.listtable .right{text-align:right;}
.listtable .gift-price,.listtable .gift-price th,.listtable .gift-price td{border-top:1px #E0E0E0 dashed;}
.listtable .gift-price img{margin-bottom:-3px;}
.listtable .lastrow td,.listtable .lastrow th{border-bottom:none;}
.listtable tfoot th,.listtable tfoot td {padding:8px 5px 4px 5px;background:none;border-top:1px solid #9CC6DA;}
.listtable em {color:#CC0000;}
.listtable strong {font-size:125%;font-weight:bold;}
.table-bborder {border-bottom:1px solid #9CC6DA;}
.infotable {width:100%;}
.infotable th,.infotable td {padding:0 10px;line-height:2.5;vertical-align:top;}
.infotable th {background:#F4F7F8;text-align:right;}
.infotable td {background:url(bg_dot_v.gif) repeat-y;}
.infotable em {color:#CC0000;}
.infotable strong {font-size:116%;font-weight:bold;}
#ypsmyod {margin:0;}
#ypsmyod .boldhead .wraper{padding:4px 5px 3px 15px;}
#ypsmyodq {margin-top:40px;}
#ypsmyodq .que-form {width:70%;}
#ypsmywod {margin-top:40px;}
#ypsmywod .que-form {width:85%;}
#ypsmywod .que-form  .qdate select{width:40px;vertical-align:middle;}
#ypsmywod table.listtable {width:100%;}
#ypsmywod tbody th,#ypsmywod tbody td {line-height:1.8;}
#ypsmywod .select-box select {width:92px;vertical-align:middle;}
#ypsmywod .select-box input {width:100px;vertical-align:middle;}
#ypsmywod .select-box .s-date {width:67px;}
#ypsmywod .select-box img {vertical-align:middle;}
#ypsmywod .btn-save {padding-top:20px;}
#ypsmywod .split {display:block;}
#ypsmywod .boldhead .wraper{padding:7px 5px 7px 15px;}
#ypsmyodd {margin-top:40px;}
#ypsmyodd .boldhead .wraper{padding:4px 5px 3px 15px;}
#ypsmyodd .gray {background-color:#F4F7F8;text-align:right;}
#ypsmyodd .moretxt {line-height:1.5;}
#ypsmyodd .gray span {display:block;}
#ypsmyodd .summary {border-top:1px solid #DDD;padding-top:5px;}
#ypsmyodd .summary textarea {width:372px;height:66px;}
#ypsmyodd .w80 {width:80px;}
#ypsmyodd .w110 {width:110px;}
#ypsmyodd .w145 {width:145px;}
#ypsmyodd .w300 {width:300px;}
#ypsmyodd .sdate input {vertical-align:middle;}
#ypsmyodd .sdate img {vertical-align:middle;}
#ypsmyodd .pagination {margin:15px 0 20px 0;}
.que-form{background:url(bg_queform_l.gif) no-repeat;margin:10px auto;}
.que-form .mbd{background:url(bg_queform_r.gif) no-repeat right top;padding-top:15px;padding-left:60px;padding-bottom:6px;}
.que-form .qrdaio input {margin:0 4px -2px 0;}
.que-form .qrdaio th {text-align:right;padding:12px 0px 0px;}
.que-form .qid input{width:100px;}
.que-form .qdate input{width:70px;vertical-align:middle;}
.que-form .qdate img{vertical-align:middle;padding-left:5px;cursor:pointer;}
.que-form .qdate th {text-align:right;padding:15px 0px 0px;}
.que-form .qdate select{width:90px;}
.que-form .qdate span{padding:0 10px;}
.que-form .qstate th {text-align:right; padding:10px 0px 0px;}
.que-form th{text-align:right;padding:5px 3px;vertical-align:top;}
.que-form td{padding:5px 3px;vertical-align:top;}
.que-form .mft{background:url(bg_queform_b.gif) no-repeat left bottom;text-align:center;}
.que-form .mft div{background:url(bg_queform_d.gif) no-repeat right bottom;padding:0 20px;}
.que-form .mft div div.linedot{display:block;padding:10px;background:url(line_dot.gif) repeat-x;}
.que-form .mft div span label {display:block;padding-bottom:5px;}
.que-form .mft div span label img {margin-bottom:3px;}
.que-form .mft div input{font-size:0;text-indent:-5000px;width:63px;height:26px;background:url(btn_query.gif) no-repeat;border:none;}
/*not-send-list*/
.not-send-list li {border-bottom:1px solid #DDD;}
.not-send-list .list-hd {background:#EEE;border-bottom:1px solid #BBB;}
.not-send-list .last {border-bottom:1px solid #BBB;}
.not-send-list li span {display:-moz-inline-box;display:inline-block;padding:10px 20px 10px 15px;background:url(bg_dot_v.gif) right top repeat-y;}
.not-send-list .list-hd span {padding:5px 20px 5px 15px;background:none;}
.not-send-list li a {display:-moz-inline-box;display:inline-block;padding:10px 0 10px 15px;}
.listtable table.NoBorder{margin:0px;border:none;background:none;text-align:left;vertical-align:bottom}
.listtable table.NoBorder tr td{border:none;background:none;padding:4px 2px 2px;line-height:15px;text-align:left;vertical-align:bottom}
.listtable table.NoBorder tr td.InputClass{border:none;background:none;padding:0px;text-align:left;vertical-align:bottom}
.boldhead .new{position:absolute;right:15px;top:2px;bottom:2px;_right:30px}
.listtable .prize{background-color:red;color:white;padding:1 1px 0 1px;text-decoration:none;}
.left {text-align:left;}
a.LnkU {color:#1F5883;text-decoration:underline;}
a.LnkU:hover {text-decoration:underline;}
.infotable tr.gray2 td .InputTxt{width:300px;height:16px;margin:-5px 0px 0px;font-family:Arial;}
.listtable .QTable{width:100%;height:70px;margin:5px 0px;border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;}
.listtable .QTable .QTh{width:100px;height:40px!important;height:40px;padding:30px 0px 0px;float:left;background:#EEEEEE;text-align:center;border:none;}
.listtable .QTable .QTd{background:none;border:none;}
.listtable .QTable .QTd ul{margin:0px;padding:0px;list-style: none;background:none;}
.listtable .QTable .QTd ul li{width:125px!important;width:127px;height:30px;padding:2px 2px 2px 10px;line-height:30px;float:left;background: url(bg_dot_v.gif) left top repeat-y;border-bottom: 1px solid #EEEEEE;}
.listtable .QTable .QTd ul li.NRBorder{border-right: none;}
.listtable .QTable .QTd ul li.NDBorder{border-bottom: none;}
.listtable .QTextarea{width:100%;height:150px;margin:0px 0px 5px;}
.bpgbd .SubmitBtn{width:115px;height:23px;background:#FFCC00 url(bg_submitBtn.gif) left 0px repeat-x;zoom:1;border-style:solid;border-width:1px;border-color:#999B9A #7D6D3D;text-align:center;margin:20px 0px 0px;padding:1px 0px 0px;}
.SpacerH20{margin:10px 0px;}
.listtable tr.gray2 td.list2{background:#F4F7F8 url(bg_dot_v.gif) left top repeat-y;}
.listtable tr.gray5 td.list2{background:#FFFDEE url(bg_dot_v.gif) left top repeat-y;}
.listtable thead.gray th.NoDotV{background-color:#EEEEEE;background-image:none;}
.listtable thead.gray th .IWantQbtn{padding:5px 0px 0px;background:#EEEEEE url(bg_iwantq.gif) right 80% no-repeat;float:right;}
.listtable thead.gray th .IWantQbtn a{width:105px;height:21px;display:block;line-height:20px;padding:0px 20px 0px 0px;text-decoration:none;}
.listtable table.OrdListTable{margin:0px;border:none;background:none;text-align:left;vertical-align:bottom}
.listtable table.OrdListTable tr td{border:none;background:none;padding:4px 2px 2px;line-height:15px;text-align:left;vertical-align:bottom}
.listtable table.OrdListTable tr td.InputClass{border:none;background:none;padding:0px;text-align:left;vertical-align:bottom}
/* My Order CSS code merge END */